<template>
    <div class="comment">
        <nut-comment
            headerType="complex"
            imagesRows="multi"
            :images="cmt.images"
            :info="cmt.info"
            @click="handleclick"
            @clickImages="clickImages"
            ellipsis="6"
            :operation="['replay']"
        >
            <template #comment-labels>
                <img
                    style="height: 15px; width: 50px"
                    src="https://img11.360buyimg.com/imagetools/jfs/t1/211858/17/4258/12101/618e6f78Ed0edcadc/e83a673555edf59f.jpg"
                />
            </template>
        </nut-comment>
    </div>
</template>
<script setup>
import { reactive, ref } from 'vue'
import Taro from '@tarojs/taro'
let cmt = ref({
    images: [
        {
            imgUrl: 'https://coss-ec.fenqile.com/ecproduct200/M00/ex/20230523193453-4ef64a53-6fb7-4627-bfdc-011b45536750.jpg'
        },
        {
            imgUrl: 'https://coss-ec.fenqile.com/ecproduct200/M00/ex/20230523193453-4ef64a53-6fb7-4627-bfdc-011b45536750.jpg'
        },
        {
            imgUrl: 'https://coss-ec.fenqile.com/ecproduct200/M00/ex/20230523193453-4ef64a53-6fb7-4627-bfdc-011b45536750.jpg'
        },
        {
            imgUrl: 'https://coss-ec.fenqile.com/ecproduct200/M00/ex/20230523193453-4ef64a53-6fb7-4627-bfdc-011b45536750.jpg'
        },
        {
            imgUrl: 'https://coss-ec.fenqile.com/ecproduct200/M00/ex/20230523193453-4ef64a53-6fb7-4627-bfdc-011b45536750.jpg'
        },
        {
            imgUrl: 'https://coss-ec.fenqile.com/ecproduct200/M00/ex/20230523193453-4ef64a53-6fb7-4627-bfdc-011b45536750.jpg'
        }
    ],
    info: {
        content: '11111', // 评论详情
        nickName: 'krisli', // 评论人的姓名
        score: 5, // 评论星星数
        avatar: 'https://coss-ec.fenqile.com/ecproduct200/M00/ex/20230523193453-4ef64a53-6fb7-4627-bfdc-011b45536750.jpg', // 评论人头像
        time: '2023-12-12 23:08:09', // 评论时间
        size: '', // 评论人购买的商品规格
        replay: 23, // 此评论的回复数
        like: 99 // 此评论的点赞数
    }
})
const handleclick = (info) => {
    console.log('进行跳转', info)
}
const clickImages = (imgs) => {
    console.log('进行图片展示', imgs)
}
</script>

<style lang="less">
.comment {
    padding: 32px;
}
</style>
